/* 城市列表开始 */

.search-top {
    height: 50px;
    /* background: -webkit-linear-gradient(#e75724, #ee8f21);
    background: -o-linear-gradient(#e75724, #ee8f21); 
    background: -moz-linear-gradient(#e75724, #ee8f21); 
    background: linear-gradient(#e75724, #ee8f21);  */
    background: #fcab36;
    position: relative;
}

.back-prev {
    width: .22rem;
    height: .37rem;
    margin-left: .30rem;
    margin-top: .32rem;
}

.search {
    height: 30px;
    background: #fff;
    border-top-left-radius: .20rem;
    border-bottom-left-radius: .20rem;
    width: .60rem;
    text-align: center;
    vertical-align: middle;
    margin-left: .67rem;
    margin-top: 10px;
}

.search-icon {
    width: .27rem;
    height: .30rem;
    position: relative;
    top: .10rem;
}

.search-input {
    width: 60%;
    border: 0;
    height: 30px;
    line-height: 30px;
    border-top-right-radius: .20rem;
    border-bottom-right-radius: .20rem;
    color: #999;
    margin-top: 10px;
    padding-top: .10rem;
}

.search-input:focus {
    outline: none;
    border: 0 !important
}
.info-icon {
    width: .45rem;
    height: .41rem;
}
.now-city {
    line-height: .62rem;
    font-size: .26rem;
    font-weight: 700;
    background: #fff;
    height: .62rem;
}

.lately-visit {
    font-size: .24rem;
    margin-top: .18rem;
    margin-bottom: .20rem;
    color: #818181;
    font-weight: 600;
    padding-left: .30rem;
}

.now-city-name {
    width: 1.2rem;
    height: .58rem;
    border: 1px solid #d7d7d7;
    background: #fff;
    margin-left: .30rem;
    line-height: .58rem;
    font-size: .24rem;
    color: #000;
    text-align: center;
    border-radius: .06rem;
    margin-bottom: .18rem;
}

.now-city-name img {
    width: .14rem;
    height: .22rem;
    position: relative;
    top: -.04rem;
}

.hot-city-title {
    margin-left: .30rem;
    margin-bottom: .18rem;
    font-size: .24rem;
    color: #818181;
    font-weight: 600;
}

.hot-city-box {
    margin-left: .30rem;
    margin-right: .30rem;
}

.hot-city-list {
    width: 30%;
    border: 1px solid #d7d7d7;
    background: #fff;
    height: .56rem;
    line-height: .56rem;
    text-align: center;
    font-size: .24rem;
    color: #000;
    margin-bottom: .30rem;
    float: left;
    position: relative;
    border-radius: .06rem;
}

.benefit {
    position: absolute;
    right: -10px;
    top: -.25rem;
    padding: 0 .20rem;
    background: #ff0000;
    font-size: .24rem;
    color: #fff;
    border-radius: .30rem;
    height: .40rem;
    line-height: .40rem;
}

.hot-city-box-list {
    border-bottom: 1px solid #bababa;
}

.city-list {
    background: #fff;
}

.city-list .letter {
    font-size: .24rem;
    line-height: .50rem;
    height: .50rem;
    color: #767676;
    padding-left: .30rem;
    background: #f4f4f4;
    text-indent: .02rem;
}

.city-list .city {
    background: #fff;
    font-size: .24rem;
    color: #000;
    line-height: .70rem;
    border-bottom: 1px solid #e2e0e0;
    text-indent: .02rem;
    margin-left: .30rem;
}

/* 城市列表结束 */

/* 商品分类开始 */

.class-input {
    width: 60%;
    border: 0;
    height: 30px;
    border-top-left-radius: .20rem;
    border-bottom-left-radius: .20rem;
    color: #999;
    margin-top: 10px;
    vertical-align: middle;
    text-align: center;
    margin-left: .18rem;
    padding-top: .10rem;
    font-size: .24rem;
}

.class-input:focus {
    border: 0 !important;
}

.class-search-btn {
    height: 30px;
    background: #fff;
    border-top-right-radius: .20rem;
    border-bottom-right-radius: .20rem;
    width: .60rem;
    text-align: center;
    vertical-align: middle;
    margin-top: 10px;
}

.down-icon {
    width: .22rem;
    height: .37rem;
    transform: rotate(-90deg);
    margin-left: .14rem;
    position: relative;
    top: -1px;
}

.select-city {
    font-size: .28rem;
    color: #fff;
    vertical-align: middle;
    height: 50px;
    line-height: 50px;
    margin-left: .30rem;
}

.swiper-container2 {
    height: 3rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-container1 {
    height: 3rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-container3 {
    height: 3rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.class-banner .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 3rem;
}

.faddish-shop-title {
    height: .92rem;
    text-align: center;
    background: #fff;
}

.faddish-shop-title img {
    height: .59rem;
    margin-top: .18rem;
}

.faddish-shop-tab {
    background: #eeeeee;
    height: .70rem;
    box-shadow: 0 0 4px #abaaaa;
}

.faddish-shop-tab ul li {
    flex: 1;
    -webkit-flex: 1;
    height: .70rem;
    line-height: .70rem;
    text-align: center;
    font-size: .30rem;
    color: #666666;
    font-weight: 600;
    position: relative;
}

.faddish-shop-tab ul li.active {
    color: #ec712a;
    border-bottom: 1px solid #ec712a;
    
}

.faddish-shop-tab ul li span.line {
    display: block;
    width: 1px;
    background: #999999;
    height: .34rem;
    position: absolute;
    right: 0;
    top: .20rem;
}

.shop-list-box {
    width: 94%;
    margin: .30rem auto;

}

.shop-list {
    width: 48%;
    margin-bottom: .30rem;
    box-shadow: 0 0 4px #d0cfcf;
    height: 4.52rem;
}

.shop-list .shop-pic {
    height: 3.3rem;
    width: 100%;

}

.shop-list .shop-name {
    line-height: .60rem;
    height: .60rem;
    font-size: .24rem;
    padding: 0 .10rem;
    margin-right: .10rem;
    color: #000;
}
.shop-list .shop-name span {
    display: inline-block;
    width: 47%;
    line-height: .60rem;
    height: .60rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.shop-list .shop-name span:nth-child(1) {
    font-size: .30rem;
    margin-right: 1%;
}
.shop-list .shop-name span:nth-child(2) {
    font-size: .24rem;
    font-weight: 800;
    
}
.shop-list-footer {
   
    line-height: .60rem;
}
.shop-list-footer p:nth-child(1) {
    font-size: .30rem;
    color: #ec712a;
    margin-left: .10rem;
}
.shop-list-footer p:nth-child(1) span {
    font-size: .14rem;
}
.shop-list-footer p:nth-child(2) img{
    width: .28rem;
    height: .32rem;
    margin-right: .04rem;
    position: relative;
    top:-.05rem;
    
}
.shop-list-footer p:nth-child(2) span{
    font-size: .26rem;
    color: #ec712a;
    vertical-align: bottom;
    position: relative;
    top:.05rem;
    
    
}
.shop-list-footer p:nth-child(3) {
    line-height: .40rem;
    height: .40rem;
    background: #ec712a;
    color: #fff;
    padding: 0 .10rem;
    font-size: .24rem;
    border-radius: .06rem;
    margin-right: .10rem;
    margin-top: .06rem;
    padding-top: .02rem;
    
}
.end {
    margin-bottom: .40rem;
}
.end span{
    display: inline-block;
    height: 1px;
    background: #e5e4e4;
    flex:1;

}
.end strong{
    font-size: .24rem;
    margin-right: .10rem;
    margin-left: .10rem;
    position: relative;
    top: -.18rem;
}
@font-face {
    font-family: 'iconfont';
    src: url('iconfont.eot');
    src: url('iconfont.eot?#iefix') format('embedded-opentype'),
        url('iconfont.woff2') format('woff2'),
        url('iconfont.woff') format('woff'),
        url('iconfont.ttf') format('truetype'),
        url('iconfont.svg#iconfont') format('svg');
  }
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .footer {
      width: 100%;
      height: 1.24rem;
      box-shadow: 0 0 4px #d4d4d4;
      background: #fff;
      position: fixed;
      left:0;
      bottom:0;
  }
  .footer ul li {
      text-align: center;
      font-size: .24rem;
      color: #4f4f4f;
      flex:1;
      -webkit-flex:1;
      
  }
  .footer ul li a {
      display: block;
      position: relative;
  }
  .footer ul li a p.iconfont {
      padding-top: .12rem;
      font-size: .50rem;
      color: #4f4f4f;
  }
  .footer ul li.active a{
      color: #ff5d00!important;
      
  }
  .footer ul li.active a p.iconfont {
    color: #ff5d00!important; 
  }
  .footer ul li a strong {
    position: absolute;
    right: 20%;
    top: 2px;
    background: #ff5d00;
    font-size: .24rem;
    color: #ffffff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
  }
  /* 首页样式 */
  .prefecture img {
      width: 100%;
      height: 1.2rem;
  }
  .index-slider {
      background: #ff7800;
      height: 6rem;
  }
  .new-shop-title {
      background: #fff;
      border-radius: .10rem;
      height: .60rem;
      line-height: .60rem;
      position: relative;
      top:.30rem;
      margin-bottom: .60rem;
      
  }
  .new-shop-title-left img {
      width: 1.66rem;
      height: .41rem;
      margin-left: .10rem;
      margin-top: .10rem;
      margin-right: .05rem;
  }
  .new-shop-title-left p:nth-child(2) {
      color: #ea5631;
        font-size: .36rem;
  }
  .new-shop-title-left p:nth-child(2) span {
      display: inline-block;
      border:.02rem solid #ec712a;
      height: .30rem;
      line-height: .36rem;
      padding:0 .20rem;
      font-size: .20rem;
      position: relative;
    top: -.02rem;
    margin-right: .25rem;
    border-radius: .06rem;
    margin-left: .05rem;
  }
  .new-shop-title-left p:nth-child(3) {
    font-size: .20rem;
    color: #000;
    line-height: .60rem;
    height: .60rem;
    vertical-align: middle;
    padding-top: .05rem;
  }
  .more-right {
      margin-right: .12rem;
      font-size: .20rem;
      color: #000;
  }
  .more-right span {
      display: block;
      width: .02rem;
      height: .29rem;
      background: #969696;
      position: relative;
      top:.13rem;
      margin-right: .10rem;
  }
  .slide-list {
      width: 48%;
      border-radius: .20rem;
      background: #fff;
      height: 4.4rem;
      box-shadow: 0px 2px 8px #393939;
  }
  .slide-list .shop-pic {
      height: 3.3rem;
      border-top-left-radius: .20rem;
      border-top-right-radius: .20rem;
      width: 100%;
  }
  .new-shop-slide {
      height: 4.98rem;
  }
  .slide-list .shop-name {
    font-size: .24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: .50rem;
    padding-left: .10rem;
  }
  .arrival {
      border-bottom: 1px solid #d7d5d5;
      padding-bottom: .20rem;
  }
  .arrival-title {
      margin-bottom: .16rem;
  }
  .arrival-title a{
      color:#ff7800;
      font-size: .28rem;
      margin-top: .40rem;
      margin-right: .30rem;
  }
  .arrival-title img {
      width: 1.3rem;
      height: .57rem;
      margin-left: .30rem;
      margin-top: .17rem;
  }
  .arrival-shop {
      margin-right: .30rem;
      margin-left: .30rem;
  }
  .arrival-shop-list {
      width: 24%;
  }
  .arrival-shop-list .shop-pic {
      width: 100%;
      height: 1.6rem;
  }
  .arrival-shop-list .shop-name {
      font-size: .20rem;
      line-height: .50rem;
      height: .50rem;
      overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    padding:0 .10rem;
  }
  .arrival-shop-footer {
      margin-left: .10rem;
      margin-right: .10rem;
      vertical-align: bottom;
  }
  .arrival-shop-footer p:nth-child(1){
      padding-top: .10rem;
  }
  .arrival-shop-footer p:nth-child(1) span {
      font-size: .24rem;
      color: #ff7901;
  }
  .arrival-shop-footer p:nth-child(1) {
    font-size: .36rem;
    color: #ff7901;
}
.arrival-shop-footer p:nth-child(2) img {
    display: block;
    width: .18rem;
    height: .22rem;
    margin: 0 auto;
}
.arrival-shop-footer p:nth-child(2) span {
    display: block;
    font-size: .18rem;
    color: #ff7901;
}
.rush-shop {
    padding-top: .30rem;
}
.rush-shop-box {
    margin-left: .30rem;
    margin-right: .30rem;
    min-height: 8.83rem;
    background: -webkit-linear-gradient(#ff7902, #fff);
    background: -o-linear-gradient(#ff7902, #fff); 
    background: -moz-linear-gradient(#ff7902, #fff); 
    background: linear-gradient(#ff7902, #fff);
    padding: 0 .20rem .40rem .20rem;
    

}
.rush-shop-box .arrival-title img {
    width: 1.25rem;
    height: .31rem;
    margin-top: .20rem;
    margin-left: 0;
}
.rush-shop-box .arrival-title a{
    color: #fff;
    margin-top: .22rem;
    margin-right: 0;
}
.shop-tag {
    position: relative;
    padding-top: .20rem;
}
.shop-tag img {
    height: .30rem;
    width: 1.25rem;
}
.shop-tag p {
    position: absolute;
    top:.24rem;
    font-size: .16rem;
    color: #fff;
    font-weight: 400;
    padding-left: .12rem;
}
.rush-shop-list {
    background: #fff;
    width: 48.5%;
    margin-bottom: .22rem;
    border-radius: .10rem;
}
.rush-shop-list img.shop-pic {
    width: 100%;
    height: 2.2rem;;
    margin-top: .15rem;
}
.shop-name-and-weight {
    padding:0 .10rem;
    color: #000;
}
.shop-name-and-weight .shop-name {
    flex:1;
    -webkit-flex:1;
    line-height: .40rem;
    height: .40rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.shop-name-and-weight .weight {
    line-height: .40rem;
    height: .40rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rush-shop-list .des {
    font-size: .16rem;
    color: #787878;
    padding: 0 .10rem;
    line-height: .30rem;
    height: .30rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.local-speciality-banner {
    height: 1.6rem;
    width: 100%;
    border-top:.20rem solid #d0d0d0;
}
.edit-select h2{
font-size: .24rem;
color: #000;
margin-left: .30rem;
margin-top: .20rem;
}
.edit-select a {
    color: #8a8a8a;
    font-size: .20rem;
    margin-top: .25rem;
}
.select-shop-box .rush-shop-box{
    background: #fff;
    padding: 0;
}
.select-shop-box .rush-shop-box .rush-shop-list {
    box-shadow: 0 0 4px #b8b8b8;
}
.travel-holiday-banner {
    width: 100%;
    height: 2.48rem;
}
.country-class {
    margin-left: .30rem;
    margin-right: .30rem;
}
.country-class a {
    display: block;
    width: 2.10rem;
}
.country-class a img {
    width: 100%;
    height: 3.16rem;
}
.hot-city-box {
    margin-left: .30rem;
    margin-right: .30rem;
}
.hot-city-box a {
    display: block;
    width: 2.1rem;
    height: 2.1rem;
}
.hot-city-box a img {
    width: 100%;
    height: 100%;
}
.hot-city {
    margin-top: .28rem;
    
}

.hot-city a{
    
    width: 2.10rem;
    height: .90rem;
    box-shadow: 0 0 4px #ccc;
    margin-bottom: .20rem;
    text-align: center;;
    display: flex;
    justify-content:center;
    align-items:Center;
    flex-direction: column;
    border-radius: .10rem;

}

.hot-city a p:nth-child(1) {
    font-size: .28rem;
    color: #000;
    font-weight: 500;
}
.hot-city a p:nth-child(2) {
    font-size: .16rem;
    color: #000;
 
}